<script setup>
import indexLayout from '@/component/indexLayout.vue';
import Menu from './menu/index.vue';
import Content from './content/index.vue';
import { useParentStore } from '@/stores/modules/parentStore.js';

const parentStore = useParentStore();
</script>

<template>
    <indexLayout
        userType="parent"
        headerStyle="background-image: linear-gradient(#516ce4, #759eec)"
        :menu="[1]"
        :parentName="parentStore.parentName"
    >
        <template #menu>
            <Menu></Menu>
        </template>
        <template #content>
            <Content></Content>
        </template>
    </indexLayout>
</template>
